<template>
    <div class="box">
        <h1>pubsub - 父组件</h1>
        <br>
        
        <Child1></Child1>
        <br>

        <Child2></Child2>
    </div>
</template>

<script>
// pubsub 和总线的作用一样,用于跨组件之间的通信
// 步骤:
// 1. 下载安装
//      npm i pubsub-js
// 2. 引入使用,在接收数据的组件当中,订阅消息(绑定事件),留下回调,接收参数
// 3. 引入使用,在发送数据的组件当中,发布消息(触发事件),传递参数
// 注意:
// 和总线的区别在于:
//      接收数据的函数中,参数一是消息类型,参数二才是我们传递的参数
import Child1 from './Child1.vue'
import Child2 from './Child2.vue'
export default {
    name: "pubsub",
    components: { Child1, Child2 }
}
</script>

<style scoped>

</style>